@import "../../modules/icon/fonts/iconfont.css";
@import "../../modules/sass/variables.scss";


html, body {
  height: 100%;
  width: 100%;
  background: $theme-gray200-color;
}

body{
  background: $theme-gray50-color
}

#body {
  background: $theme-gray50-color
}

#body .vux-header{
  background: $theme-gray800-color;
}

#body .myGroup .weui-cells{
  margin-top: 0;
  margin-bottom: 60px;
  .weui-cell{
    padding:3px 15px
  }
}

#body .weui-cells:after{
 left:15px;
}


.icon-comment21{
  color: white;
}


#body {
  .person {
    height: 130px;
    padding-top: 10px;
    /*background: url('./imgs/person.png');*/
    background: $theme-gray800-color;
    text-align: center;
    .headerWapper {
      width: 96px;
      height: 96px;
      overflow: hidden;
      border-radius: 50%;
      box-sizing: border-box;
      vertical-align: top;
      img {
        width: 96px;
        height: 96px;
      }
    }
    & > div {
      text-align: left;
      display: inline-block;
      margin: 0 auto;
      & > div {
        display: inline-block;
        color: #fff;
      }
      & > div + div {
        // padding-top: 14px;
        p {
          font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 210px;
    height: 20px; 
    width: 210px;

        }
        p + p {
          font-size: 12px;
          padding-top: 5px;
        }
      }
    }
    & > div + div {
      display: block;
      padding-top: 0px;
      text-align: center;
      position: relative;
    top: -10px;
      & > div {
        display: inline-block;
        .iconfont {
          font-size: 24px;
        }
      }
    }
    .right-arrow {
      position: relative;
      width: 30px;
      height: 30px;
      top: -40px;
      left: 187px;
      &:before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        border: 1px solid #fff;
        border-width: 1px 0 0 1px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        top: -7px;
        left: 7px;
      }
    }
    .vux-badge {
      position: relative;
      left: -8px;
      top: -14px;
      background: #fff;
      border: 1px solid $theme-red700-color;
      color: $theme-red700-color;
    }

  }
  .weui-cells {
    background:$theme-gray50-color ;
    font-size: 15px;
    color: $theme-gray800-color;
    .iconfont {
      color:$theme-red700-color;
      font-size: 24px;
      padding-right: 10px;
    }
  }
}




#body .person .myicon{
  border: 1px solid #d32f2f;
  font-size: 16px;
  padding: 2px;
  /* line-height: 8px; */
  vertical-align: middle;
  border-radius: 50%;
  margin-left: 10px
}


.dialog-demo {
  .weui-dialog{
    border-radius: 8px;
    padding-bottom: 8px;
  }
  .dialog-title {
    line-height: 30px;
    color: #666;
  }
  .img-box {
    height: auto;
    overflow: hidden;
  }
  .vux-close {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}


#body #foot .weui-tabbar{
  position: fixed
}


#body #password .weui-skin_android .weui-dialog__bd{
  padding: 0
}

 #password .vux-x-input{
  padding: 0
}

#password  .weui-btn{
  margin-top: 0
}

.vux-x-dialog .img-box>div{
 
 
    
}


body .vux-x-dialog .weui-input{
 border:1px solid #d7d7d7;
 border-radius: 6px
}



.slide-fade-enter-active {
  transition: all .3s ease;
}
.slide-fade-leave-active {
  transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active for below version 2.1.8 */ {
  transform: translateX(10px);
  opacity: 0;
}


 #body .weui-cells{
  margin-top: 0px;
 }

 .form .vux-x-input.disabled .weui-input {
  -webkit-text-fill-color:#424242
 }

 body .vux-popup-header-right{
  color:#d32f2f
 }

 body .dp-header .dp-item.dp-right{
  color:#d32f2f
 }

 body .form .vux-cell-placeholder{
   color: #424242
 }

 body .form label{
   color: #d32f2f
 }

 body .vux-datetime>div>p{
   color: #d32f2f
 }


 #refund .vux-x-input::before{
 display: none
 }